:root {
            --corporate-blue: #0d6efd;
            --corporate-dark: #052c65;
            --corporate-light: #cfe2ff;
            --corporate-gray: #6c757d;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f8f9fa;
        }

        .navbar {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        .corporate-bg {
            background: linear-gradient(135deg, var(--corporate-blue), var(--corporate-dark));
            color: white;
        }

        .hero-section {
            padding: 4rem 0;
            margin-bottom: 2rem;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="200" viewBox="0 0 2000 200"><rect fill="%230d6efd" width="2000" height="200"/><path fill="%23052c65" d="M0 0L2000 200H0V0Z"/></svg>') no-repeat bottom;
            background-size: cover;
        }

        .btn-group-custom {
            transition: transform 0.3s;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .btn-group-custom:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }

        .hit-counter {
            background-color: rgb(70, 65, 65);
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .footer {
            background-color: var(--corporate-dark);
            color: white;
            padding: 2rem 0;
            margin-top: 3rem;
        }

        .section-title {
            border-left: 4px solid var(--corporate-blue);
            padding-left: 15px;
            margin: 30px 0 20px;
        }